<section id="header" class="header">
    <div class="header-top">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <ul class="flat-support">
                        <li>
                            <a href="/" title="">mall技术支持</a>
                        </li>
                        <li>
                            <a href="#" title="">欢迎您：</a>
                        </li>
                        <li>
                            <a href="#" title="">@yield('username','游客用户')</a>
                        </li>
                    </ul><!-- /.flat-support -->
                </div><!-- /.col-md-4 -->
                <div class="col-md-4">
                    <ul class="flat-infomation">
                        <li class="phone">
                            联系我们: <a href="#" title="">(6666) 1234 56789</a>
                        </li>
                    </ul><!-- /.flat-infomation -->
                </div><!-- /.col-md-4 -->
                <div class="col-md-4">
                    <ul class="flat-unstyled">
                        <li class="account">
                            <a href="#" title="">我的账户<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                            <ul class="unstyled">
                                <li>
                                    <a href="{{url('loginPage')}}" title="">登录</a>
                                </li>
                                <li>
                                    <a href="{{url('registerPage')}}" title="">注册</a>
                                </li>
                                <li>
                                    <a href="{{url('cartpage')}}" title="">购物车</a>
                                </li>
                                <li>
                                    <a href="{{url('wishpage')}}" title="">我的收藏</a>
                                </li>
                                <li>
                                    <a href="/" title="" >安全退出</a>
                                </li>
                            </ul><!-- /.unstyled -->
                        </li>
                        <li>
                            <a href="#" title="">语言<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                            <ul class="unstyled">
                                <li>
                                    <a href="#" title="">中文</a>
                                </li>
                                <li>
                                    <a href="#" title="">英文</a>
                                </li>
                            </ul><!-- /.unstyled -->
                        </li>
                    </ul><!-- /.flat-unstyled -->
                </div><!-- /.col-md-4 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div><!-- /.header-top -->
    <div class="header-middle">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div id="logo" class="logo">
                        <a href="/" title="">
                            <img src="{{asset('images/logos/logo.png')}}" alt="">
                        </a>
                    </div><!-- /#logo -->
                </div><!-- /.col-md-3 -->
                <div class="col-md-6">
                    <div class="top-search">
                        <form action="{{url('searchProducts')}}" method="post" class="form-search" accept-charset="utf-8">
                            {{csrf_field()}}
                            <div class="cat-wrap">
                                <select name="category">
                                    <option hidden value="">搜索</option>
                                </select>
                                <span><i class="fa fa-angle-down" aria-hidden="true"></i></span>
                            </div><!-- /.cat-wrap -->
                            <div class="box-search">
                                <input type="text" name="search" placeholder="搜 索 您 喜 欢 的 产 品 ？">
                                <span class="btn-search">
											<button type="submit" class="waves-effect"><img src="{{asset('images/icons/search.png')}}" alt=""></button>
										</span>
                            </div><!-- /.box-search -->
                        </form><!-- /.form-search -->
                    </div><!-- /.top-search -->
                </div><!-- /.col-md-6 -->
                <div class="col-md-3">
                    <div class="box-cart">
                        <div class="inner-box">
                            <ul class="menu-compare-wishlist">
                                <li class="compare">
                                    <a href="#" title="">
                                        <img src="{{asset('images/icons/compare.png')}}" alt="">
                                    </a>
                                </li>
                                <li class="wishlist">
                                    <a href="wishlist.html" title="">
                                        <img src="{{asset('images/icons/wishlist.png')}}" alt="">
                                    </a>
                                </li>
                            </ul><!-- /.menu-compare-wishlist -->
                        </div><!-- /.inner-box -->
                        <div class="inner-box">
                            <a href="#" title="">
                                <div class="icon-cart">
                                    <img src="{{asset('images/icons/cart.png')}}" alt="">
                                </div>
                            </a>
                        </div><!-- /.inner-box -->
                    </div><!-- /.box-cart -->
                </div><!-- /.col-md-3 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div><!-- /.header-middle -->
    <div class="header-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-2">
                    <div id="mega-menu">
                        <div class="btn-mega"><span></span>全部产品分类</div>
                        <ul class="menu">
                            <li>
                                <a href="#" title="" class="dropdown">
											<span class="menu-img">
												<img src="{{asset('images/icons/menu/01.png')}}" alt="">
											</span>
                                    <span class="menu-title">
												电子产品
											</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" title="" class="dropdown">
											<span class="menu-img">
												<img src="{{asset('images/icons/menu/02.png')}}" alt="">
											</span>
                                    <span class="menu-title">
												家居生活
											</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" title="" class="dropdown">
											<span class="menu-img">
												<img src="{{asset('images/icons/menu/03.png')}}" alt="">
											</span>
                                    <span class="menu-title">
												母婴用品
											</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" title="" class="dropdown">
											<span class="menu-img">
												<img src="{{asset('images/icons/menu/03.png')}}" alt="">
											</span>
                                    <span class="menu-title">
												户外运动
											</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div><!-- /.col-md-3 -->
                <div class="col-md-9 col-10">
                    <div class="nav-wrap">
                        <div id="mainnav" class="mainnav">
                            <ul class="menu">
                                @foreach($category as $item)
                                <li class="column-1" style="width: 140px;">
                                    <a href="{{url('categoryPage',['cateid'=>$item->category_no])}}" title="">{{$item->name}}</a>
                                </li><!-- /.column-1 -->
                                @endforeach
                                {{--<li class="column-1" style="width: 140px;">
                                    <a href="#" title="">家居生活</a>
                                </li><!-- /.column-1 -->

                                <li class="column-1" style="width: 140px;">
                                    <a href="#" title="">母婴用品</a>
                                </li><!-- /.column-1 -->

                                <li class="column-1" style="width: 140px;">
                                    <a href="#" title="">户外运动</a>
                                </li><!-- /.column-1 -->--}}
                            </ul><!-- /.menu -->
                        </div><!-- /.mainnav -->
                    </div><!-- /.nav-wrap -->
                </div><!-- /.col-md-9 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </div><!-- /.header-bottom -->
</section><!-- /#header -->

{{--@section('js')--}}
{{--    @parent--}}
{{--    <script>--}}

{{--        $("#exit").on("click",function(){  //将退出按钮的id设置为exit，然后将这个函数在公共文件里面即可--}}
{{--            sessionStorage.clear()   //清除所有session值--}}
{{--            window.location.href="http://www.baidu.com";--}}
{{--        })--}}




{{--    </script>--}}
{{--@endsection--}}
